import React from 'react'
import style from "./index.module.css";
import { Progress } from 'antd';

function Index() {

    
    return (
        <div className={style.szis}>
            <div className={style.fote}>
                <h1>嗨，格雷厄姆，早上好</h1>
                <span>仪表板为您提供关键绩阿萨效或业务流程的视图。</span>        
            </div>
            <div className={style.sright}>
                <div className={style.moeny}>
                    <div className={style.momeya}>
                        <img src={require("../../img/1.png").default} alt="标签" />
                    </div>
                    <div className={style.momeyx}>
                        <p>总销售额</p>
                        <h4>31.50</h4>
                    </div>
                    <Progress percent={50} showInfo={false} strokeColor="hotpink" />
                </div>
                <div className={style.moeny}>
                    <div className={style.momeyz}>
                        <img src={require("../../img/2.png").default} alt="标签" />
                    </div>
                    <div className={style.momeyx}>
                        <p>总成本</p>
                        <h4>$ 4598</h4>
                    </div>
                    <Progress percent={70} showInfo={false} />
                </div>
                <div className={style.moeny}>
                    <div className={style.momeyz}>
                        <img src={require("../../img/3.png").default} alt="标签" />
                    </div>
                    <div className={style.momeyx}>
                        <p>已售产品</p>
                        <h4>4589万</h4>
                    </div>
                    <Progress percent={60} showInfo={false} strokeColor="red"/>
                </div>
            </div>
      

             
          
        </div>
    )
}

export default Index
